<template>
  <div class="comp-home-contact-wrapper">
    <GwTitleInfo cnName="联系我们" enName="CONTACT US" />
    <div class="contact-img">
      <img
        src="https://www.miaoshoucdn.com/official/pc/img/hbIndex_bg03.jpg"
        alt=""
      />
      <div class="contact-address">
        <h4>北京圆心惠保科技有限公司</h4>
        <p>北京市丰台区汽车博物馆东路金融街万科丰科中心A座8层</p>
        <i>010-63825810</i>
        <img
          src="https://www.miaoshoucdn.com/official/pc/img/hbIndex_icon05.png"
          alt=""
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeConnect",
};
</script>

<style scoped lang='less'>
.comp-home-contact-wrapper {
  margin-top: 120px;
  .contact-img {
    overflow: hidden;
    position: relative;
    img {
      width: 100%;
    }
    .contact-address {
      width: 365px;
      background-color: #ffffff;
      margin-top: -115px;
      position: absolute;
      left: 33%;
      bottom: 38%;
      padding: 38px 0;
      img {
        position: absolute;
        bottom: -27px;
        right: 140px;
        width: 30px;
      }
      h4 {
        font-size: 24px;
        margin-bottom: 10px;
      }
      p {
        font-size: 18px;
        color: #333333;
        line-height: 24px;
      }
      i {
        font-size: 16px;
        color: #999999;
      }
    }
  }
}
</style>